<template>
  <button @click="testClick">点我变漂亮</button>
  <router-view></router-view>
<!--  <div>
&lt;!&ndash;  <div style="height: 600px"></div>&ndash;&gt;
&lt;!&ndash;  <hr>&ndash;&gt;
&lt;!&ndash;  <hr>&ndash;&gt;
&lt;!&ndash;  <hr>&ndash;&gt;

&lt;!&ndash;    <el-button>提交</el-button>&ndash;&gt;
&lt;!&ndash;    <el-button>&ndash;&gt;
&lt;!&ndash;      <template #default>提交</template>&ndash;&gt;
&lt;!&ndash;    </el-button>&ndash;&gt;



&lt;!&ndash;  <com>我就是写入默认插槽的内容</com>&ndash;&gt;
&lt;!&ndash;  <com title="注册">&ndash;&gt;
&lt;!&ndash;    <template  #left="{person}">&ndash;&gt;
&lt;!&ndash;      <h1>一个人的信息：</h1>&ndash;&gt;
&lt;!&ndash;      <h2>姓名：{{person.name}}</h2>&ndash;&gt;
&lt;!&ndash;      <h2>年龄：{{person.age}}</h2>&ndash;&gt;
&lt;!&ndash;    </template>&ndash;&gt;
&lt;!&ndash;    <template #center>自定义中间</template>&ndash;&gt;

&lt;!&ndash;    <template #default="{person}">&ndash;&gt;
&lt;!&ndash;     自定义默认插槽{{person.name}}&ndash;&gt;
&lt;!&ndash;    </template>&ndash;&gt;

&lt;!&ndash;    <template v-slot:default="{person}">&ndash;&gt;
&lt;!&ndash;      自定义默认插槽{{person.name}}&ndash;&gt;
&lt;!&ndash;    </template>&ndash;&gt;

&lt;!&ndash;    <template slot="default" slot-scope="{person}">&ndash;&gt;
&lt;!&ndash;      自定义默认插槽{{person.name}}&ndash;&gt;
&lt;!&ndash;    </template>&ndash;&gt;
&lt;!&ndash;  </com>&ndash;&gt;

  <div style="height: 600px"></div>
  </div>-->
</template>
<script>
// import Com from '@/slot/Com'

import message from '@/utils/message'

export default {
  name: 'App',
  // components: { Com },
  // setup(){
  // var types = 'Array Object String Date RegExp Function Boolean Number Null Undefined'.split(' ');
  // console.log(types)
  // function type (target) {
  //   console.log(Object.prototype.toString.call(target))
  //   return Object.prototype.toString.call(target).slice(8, -1);
  // }
  //
  // console.log(type([1,2,3,4]))
  setup () {
    function testClick () {
      message()
      message.error({ text: '哈哈哈哈哈哈' })
    }

    return { testClick }
  }
}
// }
</script>
<style lang="less">
</style>
